<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>首页</title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1522976_whsgd678m8q.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
<!--头部-->
<header flex="main:center cross:center dir:top">
    <span>AVITAL</span>
    <span>Mobile UI Kit</span>
</header>
<!--输入框-->
<section id="content" flex="dir:top">
    <input type="text" placeholder="E-mail">
    <input type="password" placeholder="Password">
</section>
<!--尾部-->
<footer>

    <button>
        LOGIN NOW
        <i class="iconfont iconqianwang"></i>
    </button>

    <div class="content1" flex>
        <button class="fb">
            <i class="iconfont iconFacebook"></i>
            Facebook
        </button>
        <button class="google">
            <i class="iconfont icongoogle"></i>
            Google+
        </button>
    </div>
    <a href="register.html                                                           ">Don’t have an account?</a>
</footer>
</body>
</html>